<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<spring:url value="/js/candidato/conoscenzeinformatiche.js" var="jsUrl"></spring:url>
<script src="${jsUrl}" type="text/javascript"></script>
<div class="unit-row">
	<div class="unit-70" style="width:100%;opacity:0.7;background-color:#FFFFFF;font-weight:bold;">
		<nav class="nav-tabs" style="width:1000px">
			<ul>
				<li><a href="${flowExecutionUrl}&_eventId=dati-generali">Dati anagrafici</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=studi-compiuti">Studi compiuti</a></li>
				<li> <a href="${flowExecutionUrl}&_eventId=lingue-conosciute">Lingue conosciute</a></li>
				<li><span>Conoscenze informatiche</span></li>
				<li><a href="${flowExecutionUrl}&_eventId=esperienze-lavorative">Esperienze Lavorative</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=domande-attitudinali">Analisi</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=altre-informazioni">Altre Informazioni</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=documenti">Documenti</a></li>
				<sec:authorize ifAllGranted="ROLE_ADMIN">
					<li><a href="${flowExecutionUrl}&_eventId=note-selezionatore">Note</a></li>
				</sec:authorize>
				<li><a href="<c:url value="j_spring_security_logout" />">Logout</a></li>
			</ul>
		</nav>
		<br />
		<c:if test="${not empty datiConoscenzeInformaticheSalvati}">
			<div class="message message-success">
				<span class="close"></span> Dati salvati con successo!
			</div>
		</c:if>
		<c:if
			test="${not empty requestScope['org.springframework.validation.BindingResult.formConoscenzaInformatica'].allErrors}">
			<div class="message message-error">
				<span class="close"></span> Sono presenti degli errori!
			</div>
		</c:if>
		<br>

		<h4 id="toc-base" class="head-toc head-toc-start">Conoscenze informatiche
			</h4>
		<br />
		<form:form id="conoscenzeInformatiche" method="post"
			action="${flowExecutionUrl}" commandName="formConoscenzaInformatica"
			cssClass="forms forms-columnar">

			<form:hidden path="conoscenzaInformatiche.idConoscenzaInformatica" />
			<input type="hidden" name="_eventId"/>
			<form:hidden id="validateConoscenzaInformatica" path="validateConoscenzaInformatica"/>
			<form:hidden id="validateAltraConoscenzaInformatica" path="validateAltraConoscenzaInformatica"/>
            <h5 id="toc-base" class="head-toc head-toc-start">
                <em>In ambito informatico, a quale livello utilizza i seguenti strumenti? (Selezioni il livello all'interno del menu a tendina) </em>
            </h5>
            <p class="forms-inline">
				<form:label path="conoscenzaInformatiche.livelloElaborazioneTesti" cssErrorClass="error">Elaborazione testo:
				</form:label>
				<form:select id="livelloElaborazioneTesti" path="conoscenzaInformatiche.livelloElaborazioneTesti"
					cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30">
					<form:option value="Poco o Nulla">Poco o Nulla</form:option>
                    <form:option value="Base">Base</form:option>
                    <form:option value="Intermedio">Intermedio</form:option>
                    <form:option value="Avanzato">Avanzato</form:option>
				</form:select>
				<form:errors path="conoscenzaInformatiche.livelloElaborazioneTesti" cssClass="error"></form:errors>
			</p>
            <p class="forms-inline">
                <form:label path="conoscenzaInformatiche.livelloFoglioCalcolo" cssErrorClass="error">Foglio di calcolo:
                </form:label>
                <form:select id="livelloFoglioCalcolo" path="conoscenzaInformatiche.livelloFoglioCalcolo"
                             cssClass="width-30" maxlength="50"
                             cssErrorClass="input-error width-30">
                    <form:option value="Poco o Nulla">Poco o Nulla</form:option>
                    <form:option value="Base">Base</form:option>
                    <form:option value="Intermedio">Intermedio</form:option>
                    <form:option value="Avanzato">Avanzato</form:option>
                </form:select>
                <form:errors path="conoscenzaInformatiche.livelloFoglioCalcolo" cssClass="error"></form:errors>
            </p>
            <p class="forms-inline">
                <form:label path="conoscenzaInformatiche.livelloDatabase" cssErrorClass="error">Database:
                </form:label>
                <form:select id="livelloDatabase" path="conoscenzaInformatiche.livelloDatabase"
                             cssClass="width-30" maxlength="50"
                             cssErrorClass="input-error width-30">
                    <form:option value="Poco o Nulla">Poco o Nulla</form:option>
                    <form:option value="Base">Base</form:option>
                    <form:option value="Intermedio">Intermedio</form:option>
                    <form:option value="Avanzato">Avanzato</form:option>
                </form:select>
                <form:errors path="conoscenzaInformatiche.livelloDatabase" cssClass="error"></form:errors>
            </p>
            <p class="forms-inline">
                <form:label path="conoscenzaInformatiche.livelloInternet" cssErrorClass="error">Intenet:
                </form:label>
                <form:select id="livelloInternet" path="conoscenzaInformatiche.livelloInternet"
                             cssClass="width-30" maxlength="50"
                             cssErrorClass="input-error width-30">
                    <form:option value="Poco o Nulla">Poco o Nulla</form:option>
                    <form:option value="Base">Base</form:option>
                    <form:option value="Intermedio">Intermedio</form:option>
                    <form:option value="Avanzato">Avanzato</form:option>
                </form:select>
                <form:errors path="conoscenzaInformatiche.livelloInternet" cssClass="error"></form:errors>
            </p>

			<br />
			<h5 id="toc-base" class="head-toc head-toc-start">
				<em>Se possiede altre conoscenze informatiche, indichi  di seguito quali tipologie di software utilizza e a quale livello. <br>
                    <b>Confermi la/e Sua/e  scelta/e selezionando "Salva conoscenza".</em>
			</h5>
			<p>
			<table class="width-100 table-bordered table-hovered">
				<thead>
					<tr>
						<th class="width-20">Tipologia</th>
						<th class="width-30">Programma</th>
						<th class="width-30">Livello</th>
						<th class="width-10">&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<c:if test="${fn:length(formConoscenzaInformatica.conoscenzaInformatiche.altreConoscenzeInformatiche) == 0}">
						<tr>
							<td colspan="4">
									<div align="center"><strong>Non sono altri programmi conosciuti</strong></div>
							</td>
						</tr>
					</c:if>
					<c:if test="${fn:length(formConoscenzaInformatica.conoscenzaInformatiche.altreConoscenzeInformatiche) > 0}">
						<c:forEach var="risultato"
							items="${formConoscenzaInformatica.conoscenzaInformatiche.altreConoscenzeInformatiche}">
							<tr>

								<td>
                                    <c:choose>
                                        <c:when test="${risultato.tipo == 'G'}">Programma di grafica</c:when>
                                        <c:when test="${risultato.tipo == 'L'}">Linguaggio di programmazione</c:when>
                                        <c:otherwise>Applicativo Gestionale</c:otherwise>
                                    </c:choose>
                                <td>
                                    <c:out value="${risultato.altraConoscenza}"></c:out>
                                </td>
								<td>
								    <c:out value="${risultato.livAltraConoscenza}"></c:out>
                                </td>
								<td class="handle"><spring:url value="/images/"
										var="images"></spring:url> <a
									href="${flowExecutionUrl}&_eventId=modificaAltraConoscenzaInformatica&idAltraConoscenzaInformatica=${risultato.idAltraConoscenzaInformatica}">
										<img alt="Modifica conoscenza"
										src="${images}/glyphicons_150_edit.png" border="0" />
								</a> &nbsp; <a
									href="${flowExecutionUrl}&_eventId=eliminaAltraConoscenzaInformatica&idAltraConoscenzaInformatica=${risultato.idAltraConoscenzaInformatica}">
										<img alt="Elimina conoscenza"
										src="${images}/glyphicons_016_bin.png" border="0" />
								</a></td>

							</tr>
						</c:forEach>
					</c:if>
				</tbody>
			</table>
			<br />

			<fieldset>

				<form:hidden path="altraConoscenzaInformatica.idAltraConoscenzaInformatica" />

                <p class="forms-inline">
                    <form:label path="altraConoscenzaInformatica.tipo" cssErrorClass="error">Utilizza altre tipologie di programmi? <em
                            class="req">*</em>
                    </form:label>
                    <form:select id="tipoProgramma"
                            path="altraConoscenzaInformatica.tipo" cssClass="width-30" maxlength="50"
                            cssErrorClass="input-error width-30">
                        <form:option value="">Selezione tipologia programma</form:option>
                        <form:option value="G">Programmi di grafica</form:option>
                        <form:option value="A">Applicativi gestionali</form:option>
                        <form:option value="L">Linguaggi di programmazione</form:option>

                    </form:select>
                    <form:errors path="altraConoscenzaInformatica.tipo" cssClass="error"></form:errors>
                </p>

				<p class="forms-inline">
					<form:label path="altraConoscenzaInformatica.altraConoscenza" cssErrorClass="error">Programma? <em
							class="req">*</em>
					</form:label>
                    <input id="tipAltraCoscenza" type="hidden" name="tipAltraCoscenza"
                           value="${formConoscenzaInformatica.altraConoscenzaInformatica.altraConoscenza}" />
					<form:select id="altraConoscenza"
						path="altraConoscenzaInformatica.altraConoscenza" cssClass="width-30" maxlength="50"
						cssErrorClass="input-error width-30">
						<form:option value="">Programma:</form:option>

					</form:select>
					<form:errors path="altraConoscenzaInformatica.altraConoscenza" cssClass="error"></form:errors>
				</p>

				<p class="forms-inline">
					<form:label path="altraConoscenzaInformatica.livAltraConoscenza" cssErrorClass="error">Livello?<em
							class="req">*</em>
					</form:label>
					<form:select path="altraConoscenzaInformatica.livAltraConoscenza" cssClass="width-30"
						cssErrorClass="input-error width-30">
						<form:option value="">Seleziona un livello</form:option>
						<form:option value="Base">Base</form:option>
						<form:option value="Intermedio">Intermedio</form:option>
						<form:option value="Avanzato">Avanzato</form:option>
					</form:select>

					<form:errors path="altraConoscenzaInformatica.livAltraConoscenza" cssClass="error"></form:errors>
				</p>


				<p align="right">

					<input type="reset" class="btn" value="Annulla"> <input id="salvaaltraConoscenzaInformaticaGrafica"
						type="submit" class="btn" value="Salva conoscenza">
				</p>
			</fieldset>
		<br />

			<p align="right">

				<input type="reset" class="btn" value="Annulla"> <input id="salvaConoscenzeInformatiche"
					type="button" class="btn" value="Salva conoscenze informatiche">
			</p>

		</form:form>
	</div>
</div>
